<style type="text/css">
    #catalog-header{
        height: 50px;
    }
    .repair-desc {height: 385px;}
    .repair-desc ul{margin: 5px;float: left; display: inline-block; width: 270px; font-size: 13px;}
    .repair-desc ul.list-service{list-style: none; font-weight: bold;}
    .repair-desc ul.list-service li ul{font-weight: normal; padding-left: 35px;}
    .repair-desc{margin-bottom: 20px;}
    .provider {
        width:  165px;
        margin: 10px;;
    }
</style>

<div id="catalog-wrap">
    <?= $this->catalog()->header();?>
    <div class="repair-desc">
        <ul class="list-service">
            <li>ремонт электроинструмента:</li>
            <li>
                <ul class="list-elements">
                    <li>перфораторы</li>
                    <li>дрели</li>
                    <li>отбойные молотки</li>
                    <li>бетоноломы</li>
                    <li>лобзики</li>
                    <li>шлифмашины</li>
                    <li>рубанки</li>
                    <li>дисковые цепные пилы</li>
                    <li>шруповерты и гайковерты</li>
                    <li>строительные пылесосы</li>
                    <li>ручные фрезеры</li>
                    <li>мойки</li>
                </ul>
            </li>
        </ul>
        <ul class="list-service">
            <li>ремонт бензоинструмента:</li>
            <li>
                <ul class="list-elements">
                    <li>пилы</li>
                    <li>триммеры</li>
                    <li>бензорезчики</li>
                </ul>
            </li>
            <li>ремонт 4-х тактных двигателей:</li>
            <li>
                <ul class="list-elements">
                    <li>помпы</li>
                    <li>генераторы</li>
                    <li>мотобуры</li>
                </ul>
            </li>
        </ul>
        <ul class="list-service" style="clear: both;">
            <li>А также:</li>
            <li>
                <ul class="list-elements">
                    <li>заточку цепей</li>
                    <li>заклепку цепей</li>
                    <li>оригинальные и неоригинальные запчасти, масла и аксессуары к инструменту</li>
                    <li>большой выбор графитовых щеток, кнопок, приводных ремней, ножей для рубанков, пилок для лобзиков и др.</li>
                </ul>
            </li>
        </ul>
    </div>
    <div style="clear: both; margin-top: 30px;">
        <? foreach ($this->providers as $providerId => $provider): ?>
            <a class="photo" target="_blank" href="<?= $provider['url'] ?>">
                <img class="provider" src="<?=$this->baseUrl()?>/i/repair/<?= $providerId?>_small.jpg" alt="<?= $provider['title'] ?>"/>
            </a>
        <? endforeach; ?>
    </div>
</div>
